body, html{
    height: 100%;
    -webkit-font-smoothing: antialiased;
    @include boxSizing(border-box);
}

body {
    font-family: $ml-font;
    font-size: 16px;
    padding-top: $top-bar-h-small;
    &.modal-on {
        overflow: hidden;
        
        .modal {
            display: block;
        }
    }
    &.signed {
        .out{
            display: none;
        }
    }
    &:not(.signed) {
        .in{
            display: none;
        }
    }
}

main.limbo-bg{
    position: relative;
    background-image: -webkit-linear-gradient( #F6F6F0, $ml-bgc 600px );
    background-image: linear-gradient( #F6F6F0, $ml-bgc 600px );
    background-repeat: no-repeat;
    background-color: $ml-bgc;
    
    &:before {
        content: "";
        background-image: url(../img/bg-limbo.svg);
        background-repeat: repeat-x;
        background-position: 50% 0;
        opacity: 0.1;
        top: -25px;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
    }
}

@include min-screen ($vw-small) {
    body {
        padding-top: $top-bar-h-large;
    }
}